<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link href="css/bootstrap.min.css" rel="stylesheet" />
	<link href="css/style.css" rel="stylesheet" />
	<link href="css/product.css" rel="stylesheet" />
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><img src="images/logo.png" alt="" /></a>
			</div>

			<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li><a href="index.html">尚典首页</a></li>
					<li class="active"><a href="product.html">产品中心</a></li>
					<li><a href="product_detail.html">产品详情</a></li>
					<li><a href="news.html">新闻资讯</a></li>
					<li><a href="brand.html">关于我们</a></li>
				</ul>
				<div class="clearfix"></div>
			</div>
		</div>
	</nav><!--导航头部-->
	<div class="clearfix"></div><!--清除浮动-->

	<div class="page_banner">
		<img src="images/banner_page.jpg" class="img-responsive center-block" alt="Responsive image" />
	</div>

	<div class="container news">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<h1 class="title_nav">
					<span class="float-left">产品中心</span>
					<div class="clearfix"></div>
				</h1>
				<ul class="pro_list">
					<li>
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6 no-bg pro_img">
								<img src="images/pro_list01.jpg" class="img-responsive center-block"
									alt="Responsive image" />
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 pro_dec">
								<h3>天然洗发水</h3>
								<p>
									配方含有天然滋润成分茶籽中的茶皂素提取物，护理因染发，干燥引起的发损，头皮发痒，脱发等。配方含有天然滋润成分茶籽中的茶皂素提取物，护理因染发，干燥引起的发损，头皮发痒，脱发等。
								</p>
								<span><a href="./product_detail.html" class="btn btn-default">查看详情</a></span>
							</div>
						</div>
					</li>
					<li>
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6 pro_img">
								<img src="images/pro_list02.jpg" class="img-responsive center-block"
									alt="Responsive image" />
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 pro_dec">
								<div class="news_dec">
									<h3>天然洗发水</h3>
									<p>配方含有天然滋润成分茶籽中的茶皂素提取物，护理因染发，干燥引起的发损，头皮发痒，脱发等。配方含有天然滋润成分茶籽中的茶皂素提取物，护理因染发，干燥引起的发损，头皮发痒，脱发等。
									</p>
									<span><a href="./product_detail.html" class="btn btn-default">查看详情</a></span>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6 pro_img">
								<img src="images/pro_list03.jpg" class="img-responsive center-block"
									alt="Responsive image" />
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 pro_dec">
								<div class="news_dec">
									<h3>天然洗发水</h3>
									<p>配方含有天然滋润成分茶籽中的茶皂素提取物，护理因染发，干燥引起的发损，头皮发痒，脱发等。配方含有天然滋润成分茶籽中的茶皂素提取物，护理因染发，干燥引起的发损，头皮发痒，脱发等。
									</p>
									<span><a href="./product_detail.html" class="btn btn-default">查看详情</a></span>
								</div>
							</div>
						</div>
					</li>
				</ul>

			</div>
		</div>
	</div>

	<div class="footer">
		<div class="container concept">
			<div class="row">
				<div class="col-lg-2 col-md-2 col-sm-2 container">
					<div class="footer_logo">
						<img src="images/bottom_logo.png" class="img-responsive center-block" alt="Responsive image" />
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="col-lg-5 col-md-5 col-sm-5">
					<div class="contact_us">
						<h3>联系 CONTACT</h3>
						<div class="contact_dec">
							<p>联系电话：xxx-xxxxxxxx</p>
							<p>邮箱：xxxxxxxxx@163.com</p>
							<p>香港闻名生物有限公司版权所有 粤ICP备0754673</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>